<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>销售机会添加</title>

    <link rel="stylesheet" href="../assets/css/backend-plugin.min.css">
    <link rel="stylesheet" href="../assets/css/backend.css">
</head>
<body class="  ">
<!-- loader Start -->
<div id="loading">
    <div id="loading-center">
    </div>
</div>
<!-- loader END -->
<!-- Wrapper Start -->
<div class="wrapper">
    <div th:replace="~{common/left-side-nav::left-side-nav}"></div>
    <div th:replace="~{common/top-nav::top-nav}"></div>
    <div class="content-page">

        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="d-flex flex-wrap align-items-center justify-content-between">
                        <div class="d-flex align-items-center justify-content-between">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb p-0 mb-0">
                                    <li class="breadcrumb-item"><a href="salesChannces.html" th:href="@{salesChannces}">销售机会</a>
                                    </li>
                                    <li class="breadcrumb-item active" aria-current="page">添加机会</li>
                                </ol>
                            </nav>
                        </div>
                        <a th:href="@{salesChannces}"
                           class="btn btn-primary btn-sm d-flex align-items-center justify-content-between">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" viewbox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                      d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z"
                                      clip-rule="evenodd"></path>
                            </svg>
                            <span class="ml-2">返回</span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-12 mb-3 d-flex justify-content-between">
                    <h4 class="font-weight-bold d-flex align-items-center">添加机会</h4>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <form class="needs-validation" th:action="@{/YingXiaoGuanLi/salesChannces-new}" method="post"
                          novalidate>
                        <div class="row">
                            <div class="col-lg-6">
                                <h5 class="font-weight-bold pb-3">客户信息</h5>
                                <div class="row g-3">
                                    <div class="col-md-12 mb-3">
                                        <label for="cstName"
                                               class="form-label font-weight-bold text-muted text-uppercase">客户名称</label>
                                        <input type="text" class="form-control"
                                               id="cstName"
                                               name="cstName"
                                               th:value="${salesChannces != null ? salesChannces.cstName : ''}">
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label for="channcesSource"
                                               class="form-label font-weight-bold text-muted text-uppercase">机会来源</label>
                                        <input type="text" class="form-control"
                                               id="channcesSource"
                                               name="channcesSource"
                                               th:value="${salesChannces != null ? salesChannces.channcesSource : ''}">
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label for="linkmanName"
                                               class="form-label font-weight-bold text-muted text-uppercase">联系人ID</label>
                                        <input type="text" class="form-control"
                                               id="linkmanName"
                                               name="linkmanName"
                                               th:value="${salesChannces != null ? salesChannces.linkmanId : ''}">
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label for="phone"
                                               class="form-label font-weight-bold text-muted text-uppercase">联系电话</label>
                                        <input type="text" class="form-control"
                                               id="phone"
                                               name="phone"
                                               th:value="${salesChannces != null ? salesChannces.phone : ''}">
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label for="abstractInfo"
                                               class="form-label font-weight-bold text-muted text-uppercase">概要信息</label>
                                        <input type="text" class="form-control"
                                               id="abstractInfo"
                                               name="abstractInfo"
                                               th:value="${salesChannces != null ? salesChannces.abstractInfo : ''}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <h5 class="font-weight-bold pb-3">机会信息</h5>
                                <div class="row g-3">
                                    <div class="col-md-12 mb-3">
                                        <label for="successChances"
                                               class="form-label font-weight-bold text-muted text-uppercase">成功几率</label>
                                        <input type="text" class="form-control" id="successChances"
                                               name="successChances"
                                               th:value="${salesChannces != null ? salesChannces.successChances : ''}">
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label for="status"
                                               class="form-label font-weight-bold text-muted text-uppercase">机会状态</label>
                                        <input type="text" class="form-control" id="status" name="status"
                                               th:value="${salesChannces != null ? salesChannces.status : ''}">
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label for="describeinfo"
                                               class="form-label font-weight-bold text-muted text-uppercase">机会描述</label>
                                        <textarea class="form-control" rows="3" id="describeinfo" name="describeinfo"
                                                  th:text="${salesChannces != null ? salesChannces.describeinfo : ''}"></textarea>
                                    </div>

                                </div>

                            </div>

                            <div class="d-flex justify-content-end align-items-center">
                                <button type="submit" class="btn btn-primary ml-5 btn-sm">创建计划</button>
                            </div>
                        </div>

                    </form>




                </div>
            </div>

        </div>

    </div>
</div>
<!-- Wrapper End-->
<footer class="iq-footer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-6">
                <ul class="list-inline mb-0">
                    <li class="list-inline-item"><a href="privacy-policy.html">Privacy Policy</a></li>
                    <li class="list-inline-item"><a href="terms-of-service.html">Terms of Use</a></li>
                </ul>
            </div>
            <div class="col-lg-6 text-right">
                <span class="mr-1">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank"
                                                                                             href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
            </div>
        </div>
    </div>
</footer>    <!-- Backend Bundle JavaScript -->
<script src="../assets/js/backend-bundle.min.js"></script>
<!-- Chart Custom JavaScript -->
<script src="../assets/js/customizer.js"></script>

<script src="../assets/js/sidebar.js"></script>

<!-- Flextree Javascript-->
<script src="../assets/js/flex-tree.min.js"></script>
<script src="../assets/js/tree.js"></script>

<!-- Table Treeview JavaScript -->
<script src="../assets/js/table-treeview.js"></script>

<!-- SweetAlert JavaScript -->
<script src="../assets/js/sweetalert.js"></script>

<!-- Vectoe Map JavaScript -->
<script src="../assets/js/vector-map-custom.js"></script>

<!-- Chart Custom JavaScript -->
<script src="../assets/js/chart-custom.js"></script>
<script src="../assets/js/01.js"></script>
<script src="../assets/js/02.js"></script>

<!-- slider JavaScript -->
<script src="../assets/js/slider.js"></script>

<!-- Emoji picker -->
<script src="../assets/js/index.js" type="module"></script>


<!-- app JavaScript -->
<script src="../assets/js/app.js"></script>

<script>
    //为表单注册提交事件
    $('form.needs-validation').submit(function (event) {
        //调用表单对象的验证方法，如果验证方法返回true，说明表单所有的域都填写正确，否则返回false
        if (this.checkValidity() === false) {
            //为表单添加失败后的样式类
            $(this).addClass('was-validated')
            return false;
        }
        return true;
    })
</script>
</body>
</html>